<!DOCTYPE HTML>
<html  xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>订单详情</title>
	<meta charset="utf-8">
	<meta http-equiv="Content-Type" content="IE=edge,chrome=1">
	<title></title>
	<meta name="description" content="">
	<!-- viewport 设备屏幕参数设置 -->
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 
	<script type="text/javascript" src="../common/meta.js"></script> 
	<script type="text/javascript" src="./cache.js"></script> 	 
    <script type="text/javascript" src="./orderDetailSearch.js"></script> 	 
     
<style type="text/css">
		.drinkTable{
			border: 5px;border-color: black;
			
		}
		.panel{
    		margin:10px;
    		border:1px solid;
    		border-color: gray;
    		padding: 2px;
    		border-radius:8px;
    	}
           ul, ol {
			margin: 0 0 0px 0px;
			padding: 0;
		}
         .back{
		 	margin-top:5px;
             float:left;
		 }
</style>
</head>
<body>

<div id="settingPage" data-role="page" class="bodyframe">

	<div data-role="header" class="theme-info" >
	   <ul class="back">
	   		<a   href="orderSearch.html"><image src='../image/left_48.png'></image></a>
	   	</ul>
		<h1 id="catagoryName">订单详情</h1>
	</div>
	
	<div class="panel">
	
	<table style=" margin: 10px;" class="drinkTable">
		<tr>
			<td></td>
			<td><input type="hidden" id="orderId" value = "1"></input></td> 
		</tr>
		<tr>
			<td  width="30%"><label>订单号：</label></td>
			<td  width="70%"><label id = "orderNumber"></label></td> 
		</tr>
		<tr>
			<td><label>状态：</label></td>
			<td><label id = "state" style="color: red;font-weight: bolder"></label></td> 
		</tr>
		<tr>
			<td style="vertical-align: top;"><label>配送地址：</label></td>
			<td ><label id = "address"></label></td> 
		</tr>
		
		<tr>
			<td><label>备注：</label></td>
			<td><label id = "comment"></label></td> 
		</tr>
		
		<tr>
			<td><label>总价：</label></td>
			<td><label id = "amount"></label></td> 
		</tr>
		
	</table> 
	
	
	
	
	<table id="orderDetailGrid" class="table table-bordered " data-role="gridscrolllist" data-settings="{pageSize:5,currentPageIndex:1,server:localStorage['APP_AJAX_PATH']+'/drinkingBar/view/orderDetailSearch.jsp.getOrderDetailSearch',autoload:true}">
			<thead>
				<tr>
					<th class="formatter-name" >名称</th>
					<th class="formatter-price" >单价</th>
					<th field="quantity" >数量</th>
					<th class="formatter-calculate"  >小计</th>
				</tr>
			</thead>
			<tbody >
				<tr class='grid_tr_templete' >
					<td  width="30%"></td>
					<td  width="25%"></td>
					<td  width="20%"></td>
					<td  width="20%"></td>
				</tr>
			</tbody>
		</table>
		   <!-- 
		      data-role="pullToRefresh"   自动化滚动刷新组件
		      data-target-grid='gridPage' 匹配相应table，这里是id为gridPage的table
		      style="height:300px;"   设定滚动区域高度
		    -->
	   <div  id="pullToUP" data-role="pullToRefresh"  data-target-grid='orderDetailGrid'  style="height:175px;">
			<table>
				<tbody>
				</tbody>
				<tfoot >
					<tr >
						<td colspan="7">
							 <!-- 可定制的工具栏 -->
							<div class="row-fluid pagebar auto-pagebar">
							 
							</div>
						</td>
					</tr>
				</tfoot>
			</table>
	  </div>
		
	</div>
	
</div>	

 
</body>

</html>